<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex redemptDetails_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between redemptDetails_fd0_0'>
          <view class='flex flex-wrap align-center redemptDetails_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
            data-url="1">
            <text class='fu-iconfont2  redemptDetails_fd0_0_c0_c0'>&#xE794;</text>
          </view>
          <view class='flex flex-wrap align-center'>
            <text class='redemptDetails_fd0_0_c1_c0'>{{$t('订单详情')}}</text>
          </view>
          <view class='flex align-center justify-end redemptDetails_fd0_0_c2'>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---订单flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout redemptDetails_flex_1">
        <view class='flex align-center redemptDetails_fd1_0'>
          <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <text class='redemptDetails_fd1_0_c0_c0' v-if="dataDetails.stateNum=='10'">{{$t('订单待付款')}}</text><text
              class='redemptDetails_fd1_0_c0_c0' v-if="dataDetails.stateNum=='20'">{{$t('订单待发货')}}</text><text
              class='redemptDetails_fd1_0_c0_c0' v-if="dataDetails.stateNum=='30'">{{$t('订单待收货')}}</text>
            <!-- v-if="dataDetails.stateNum=='40' && dataDetails.isEval !=1" -->
            <text class='redemptDetails_fd1_0_c0_c0'
              v-if="(dataDetails.stateNum=='40' || dataDetails.stateNum=='41' || dataDetails.stateNum=='42') && dataDetails.isEval !=1">{{$t('订单待评价')}}</text>
            <text class='redemptDetails_fd1_0_c0_c0'
              v-if="(dataDetails.stateNum=='40' || dataDetails.stateNum=='41' || dataDetails.stateNum=='42')&& dataDetails.isEval ==1">{{$t('订单已完成')}}</text><text
              class='redemptDetails_fd1_0_c0_c0' v-if="dataDetails.stateNum=='50'">{{$t('订单已关闭')}}</text><text
              class='redemptDetails_fd1_0_c0_c0' v-if="dataDetails.stateNum=='60'">退款/售后</text>
            <view class='flex flex-wrap align-stretch redemptDetails_fd1_0_c0_c1'
              v-if="dataDetails.stateNum=='10' && dataDetails.payType!='offline_pay'">
              <text class='redemptDetails_fd1_0_c0_c1_c0'>{{$t('剩余时间：')}}</text>
              <benben-countdown class='redemptDetails_fd1_0_c0_c1_c1' :show-day='true' :time-type='false'
                :count-time="dataDetails.buyCloseSecond" v-if=" dataDetails.buyCloseSecond>=daojishi">
                <template #default="{ d, h, i, s }">
                  <text>{{d}}</text>

                  <text>天</text>

                  <text>{{h}}</text>

                  <text>:</text>

                  <text>{{i}}</text>

                  <text>:</text>

                  <text>{{s}}</text>

                  <text></text>
                </template>
              </benben-countdown>
              <benben-countdown class='redemptDetails_fd1_0_c0_c1_c1' :show-day='false' :time-type='false'
                :count-time="dataDetails.buyCloseSecond" v-if=" dataDetails.buyCloseSecond<daojishi">
                <template #default="{ d, h, i, s }">
                  <text>{{h}}</text>

                  <text>:</text>

                  <text>{{i}}</text>

                  <text>:</text>

                  <text>{{s}}</text>

                  <text></text>
                </template>
              </benben-countdown>
            </view>
            <view class='flex flex-wrap align-center redemptDetails_fd1_0_c0_c1' v-if="dataDetails.status=='2'">
              <text class='redemptDetails_fd1_0_c0_c1_c0'>{{$t('还剩')}}</text>
              <benben-countdown class=' redemptDetails_fd1_0_c0_c1_c1' :show-day='true' :time-type='false'
                :count-time="dataDetails.buyCloseTime">
                <template #default="{ d, h, i, s }">
                  <text>{{d}}</text>

                  <text>天</text>

                  <text>{{h}}</text>

                  <text>:</text>

                  <text>{{i}}</text>

                  <text>:</text>

                  <text>{{s}}</text>

                  <text></text>
                </template>
              </benben-countdown>
              <text class='redemptDetails_fd1_0_c0_c1_c0'>{{$t('自动确认')}}</text>
            </view>
            <!-- <text class='redemptDetails_fd1_0_c0_c3' v-if="dataDetails.status=='3'">{{$t('您的评价将会给其他买家参考')}}</text> -->

          </view>
          <image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"290.png"'
            v-if="dataDetails.stateNum=='10'"></image>
          <image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"291.png"'
            v-if="dataDetails.stateNum=='20'"></image>
          <image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"292.png"'
            v-if="dataDetails.stateNum=='30'"></image>
          <image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"293.png"'
            v-if="dataDetails.stateNum=='40'"></image>
          <image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"294.png"'
            v-if="dataDetails.stateNum=='50'"></image>
          <image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"290.png"'
            v-if="dataDetails.stateNum=='60'"></image>
        </view>
        <view class='flex flex-wrap align-center redemptDetails_fd1_1'>
          <image class='redemptDetails_fd1_1_c0' mode="aspectFit" :src='STATIC_URL+"139.png"'></image>
          <view class='flex flex-direction flex-wrap align-stretch flex-sub redemptDetails_fd1_1_c1'>
            <view class='flex align-center'>
              <!-- <text class='redemptDetails_fd1_1_c1_c0_c0'>{{dataDetails.userAdress.label_name}}</text> -->
              <text class='redemptDetails_fd1_1_c1_c0_c1'>{{userAdress.consignee}}</text>
              <text class='redemptDetails_fd1_1_c1_c0_c2' v-if="userAdress.menOrW!=0">(</text>
              <text class='redemptDetails_fd1_1_c1_c0_c2' v-if=" userAdress.menOrW=='1'">{{$t('先生')}}</text><text
                class='redemptDetails_fd1_1_c1_c0_c2' v-if=" userAdress.menOrW=='2'">{{$t('女士')}}</text>
              <text class='redemptDetails_fd1_1_c1_c0_c2' v-if="userAdress.menOrW!=0">)</text>
              <text class='flex-sub redemptDetails_fd1_1_c1_c0_c5'>{{userAdress.phone}}</text>
            </view>
            <view class='flex flex-wrap align-center redemptDetails_fd1_1_c1_c1'>
              <view class='flex-sub redemptDetails_fd1_1_c1_c1_c0'>
                <text class='redemptDetails_fd1_1_c1_c1_c0_c0'>{{userAdress.province}}</text>
                <text class='redemptDetails_fd1_1_c1_c1_c0_c0'>{{userAdress.city}}</text>
                <text class='redemptDetails_fd1_1_c1_c1_c0_c0'>{{userAdress.country}}</text>
                <text class='redemptDetails_fd1_1_c1_c1_c0_c3'>{{userAdress.address}}</text>
              </view>
            </view>
          </view>
          <!-- <image class='redemptDetails_fd1_1_c2' mode="aspectFit" :src='STATIC_URL+"466.png"'></image> -->
        </view>
        <view class='flex flex-direction flex-wrap align-stretch redemptDetails_fd1_2'>
          <template v-for='(item,key0) in dataDetails.orderRecItems'>
            <view class='flex flex-direction align-stretch redemptDetails_fd1_2_c0' :key='key0'>
              <view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
                :data-url="`/pages/sy/shopdetail/shopdetail?usermerchant_aid=${dataDetails.shopIdk}`">
                <image class='redemptDetails_fd1_2_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"514.png"'></image>
                <text class='redemptDetails_fd1_2_c0_c0_c1'>{{dataDetails.shopName}}</text>
                <text class='fu-iconfont2  redemptDetails_fd1_2_c0_c0_c2'>&#xe7f2;</text>
              </view>
              <view class='flex align-stretch redemptDetails_fd1_2_c0_c1' @tap="handleJumpDiy" data-type="navigateTo"
                :data-url="`/pages/fl/shopDetail/shopDetail?id=${item.comdIdk}`">
                <image class='redemptDetails_fd1_2_c0_c1_c0' mode="aspectFill" :src='item.coverPic'></image>
                <view class='flex flex-direction align-stretch flex-sub redemptDetails_fd1_2_c0_c1_c1'>
                  <text class='redemptDetails_fd1_2_c0_c1_c1_c0'>{{item.comdName}}</text>
                  <text
                    class='redemptDetails_fd1_2_c0_c1_c1_c1'>{{item.comPropItemNames}}<text>{{item.propItemName}}</text>
                  </text>
                  <view class='flex flex-wrap align-center justify-between'>
                    <view class='flex flex-wrap align-center' v-if="types==1">
                      <text class='text-red redemptDetails_fd1_2_c0_c1_c1_c2_c0_c0'>{{$t('¥')}}</text>
                      <text class='text-red redemptDetails_fd1_2_c0_c1_c1_c2_c0_c1'>
                        <text
                          class=' redemptDetails_price1_fd1_2_c0_c1_c1_c2_c0_c1'>{{ item.sellPrice | frontPrice }}</text>
                        <text
                          class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ item.sellPrice | laterPrice }}</text>
                      </text>
                    </view>
                    <view class='flex flex-wrap align-center' v-if="types==2">
                      <text class='text-red redemptDetails_fd1_2_c0_c1_c1_c2_c0_c0'>{{$t('¥')}}</text>
                      <text class='text-red redemptDetails_fd1_2_c0_c1_c1_c2_c0_c1'>
                        <text
                          class=' redemptDetails_price1_fd1_2_c0_c1_c1_c2_c0_c1'>{{ item.rentPrice | frontPrice }}</text>
                        <text
                          class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ item.rentPrice | laterPrice }}</text>
                      </text>
                      <text class="text-333 text-weight-600 text-xs margin-left-xs">押金 ¥{{ item.cashMoeny || 0}}</text>
                    </view>
                    <view class='flex flex-wrap align-center redemptDetails_fd1_2_c0_c1_c1_c2_c1'>
                      <text>x</text>
                      <text>{{item.secQuantNum}}</text>
                    </view>
                  </view>
                </view>
              </view>
              <!--  v-if=" item.refund_btn.apply_refund=='1'" -->
              <!-- v-if=" item.refund_btn.view_refund=='1'" -->
              <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c0_c2'>
                <button class='redemptDetails_fd1_2_c0_c2_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
                  v-if="item.afterSaleNum==0"
                  :data-url="`/pages/ddgl/serviceApply/serviceApply?aid=${item.id}&types=${types}`">{{$t('申请售后')}}</button>
                <button class='redemptDetails_fd1_2_c0_c2_c1' v-else
                  @tap.stop="gotoreturnFunc(item.id)">{{$t('查看售后详情')}}</button>
              </view>
            </view>
          </template>

          <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c1' v-if="types==1">
            <text class='redemptDetails_fd1_2_c1_c0'>{{$t('商品总额')}}</text>
            <text class='redemptDetails_fd1_2_c1_c1'>{{$t('¥')}}</text>
            <text class=' redemptDetails_fd1_2_c1_c2'>
              <text
                class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ dataDetails.sumAmount | frontPrice }}</text>
              <text
                class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ dataDetails.sumAmount | laterPrice }}</text>
            </text>
          </view>
          <view v-if="types==2">
            <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c1'>
              <text class='redemptDetails_fd1_2_c1_c0'>租赁费</text>
              <text class='redemptDetails_fd1_2_c1_c1'>{{$t('¥')}}</text>
              <text class=' redemptDetails_fd1_2_c1_c2'>
                <text
                  class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ dataDetails.sumRentMoney | frontPrice }}</text>
                <text
                  class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ dataDetails.sumRentMoney | laterPrice }}</text>
              </text>
            </view>
            <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c1'>
              <text class='redemptDetails_fd1_2_c1_c0'>押金</text>
              <text class='redemptDetails_fd1_2_c1_c1'>{{$t('¥')}}</text>
              <text class=' redemptDetails_fd1_2_c1_c2'>
                <text
                  class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ dataDetails.sumCashMoney | frontPrice }}</text>
                <text
                  class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ dataDetails.sumCashMoney | laterPrice }}</text>
              </text>
            </view>
          </view>
          <!-- <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c2'
            v-if="dataDetails.coupon_money!='0.00'">
            <text class='redemptDetails_fd1_2_c1_c0'>{{$t('优惠券')}}</text>
            <text class='redemptDetails_fd1_2_c1_c1'>-</text>
            <text class='redemptDetails_fd1_2_c1_c1'>{{$t('¥')}}</text>
            <text class='redemptDetails_fd1_2_c1_c1'>{{dataDetails.coupon_money}}</text>
          </view> -->
          <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c2'>
            <text class='redemptDetails_fd1_2_c1_c0'>{{$t('运费')}}</text>
            <text class='redemptDetails_fd1_2_c1_c1' v-if=" dataDetails.isPost!=1">{{$t('¥')}}</text><text
              class='redemptDetails_fd1_2_c1_c1' v-if=" dataDetails.isPost==1">包邮</text>
            <text class='redemptDetails_fd1_2_c1_c2' v-if=" dataDetails.isPost!=1">
              <text
                class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ dataDetails.sumPostage | frontPrice }}</text>
              <text
                class=' redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1'>{{ dataDetails.sumPostage | laterPrice }}</text>
            </text>
          </view>
          <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c4' v-if=" dataDetails.status!='7'">
            <text class='redemptDetails_fd1_2_c4_c0'>{{$t('实付款')}}</text>
            <text class='redemptDetails_fd1_2_c4_c1'>{{$t('¥')}}</text>
            <text class='redemptDetails_fd1_2_c4_c2'>
              <text class=' redemptDetails_price1_fd1_2_c4_c2'>{{ dataDetails.payMoney | frontPrice }}</text>
              <text class=' redemptDetails_fd1_2_c0_c0_c2'>{{ dataDetails.payMoney | laterPrice }}</text>
            </text>
          </view>

        </view>
        <view class='flex flex-direction flex-wrap align-stretch redemptDetails_fd1_3'>
          <view class='flex flex-wrap align-center redemptDetails_fd1_3_c0'>

            <view class='flex  redemptDetails_fd1_3_c0_c0'></view>

            <text class='redemptDetails_fd1_3_c0_c1'>{{$t('订单信息')}}</text>
          </view>
          <view class='flex flex-wrap align-start redemptDetails_fd1_2_c0_c1'>
            <text class='redemptDetails_fd1_3_c1_c0'>{{$t('订单备注')}}</text>
            <text class='flex-sub redemptDetails_fd1_3_c1_c1'
              v-if="dataDetails.leaveMessage!=''">{{dataDetails.leaveMessage}}</text><text
              class='flex-sub redemptDetails_fd1_3_c1_c1' v-if="dataDetails.leaveMessage==''">无</text>
          </view>
          <view class='flex flex-wrap align-stretch redemptDetails_fd1_3_c2'>
            <text class='redemptDetails_fd1_2_c0_c1_c1_c2_c1'>{{$t('订单编号')}}</text>
            <text
              class='redemptDetails_fd1_3_c2_c1'>{{types==1 ?dataDetails.buyOrderNo : dataDetails.leaOrderNo}}</text>
            <text class='redemptDetails_fd1_3_c2_c2'
              @tap.stop="copyText(types==1 ?dataDetails.buyOrderNo : dataDetails.leaOrderNo)">复制</text>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch'>
            <view class='flex flex-wrap align-center redemptDetails_fd1_2_c0_c1'>
              <text class='redemptDetails_fd1_3_c3_c0_c0'>{{$t('下单时间')}}</text>
              <text class='redemptDetails_fd1_1_c1_c1_c0_c3'>{{dataDetails.addTime}}</text>
            </view>
            <view class='flex flex-wrap align-center redemptDetails_fd1_2_c0_c1' v-if="dataDetails.stateNum>'10'">
              <text class='redemptDetails_fd1_3_c3_c0_c0'>{{$t('付款金额')}}</text>
              <text class='redemptDetails_fd1_3_c3_c1_c1'>{{$t('¥')}}</text>
              <text class=' redemptDetails_fd1_3_c3_c1_c2'>
                <text class=' redemptDetails_price1_fd1_3_c3_c1_c2'>{{ dataDetails.payMoney | frontPrice }}</text>
                <text class=' redemptDetails_price1_fd1_3_c3_c1_c2'>{{ dataDetails.payMoney | laterPrice }}</text>
              </text>
            </view>
            <view class='flex flex-wrap align-center redemptDetails_fd1_2_c0_c1' v-if="dataDetails.payType>'0' ">
              <text class='redemptDetails_fd1_3_c3_c0_c0'>{{$t('支付方式')}}</text>
              <text class='redemptDetails_fd1_3_c3_c2_c1'>{{
                dataDetails.payType=='0' ? '无' :
                dataDetails.payType=='1' ? '小程序' :
                dataDetails.payType=='2' ? '微信' :
                dataDetails.payType=='3' ? '支付宝' : ''
                }}</text>
            </view>
            <view class='flex flex-wrap align-center redemptDetails_fd1_2_c0_c1' v-if="dataDetails.status>'0' ">
              <text class='redemptDetails_fd1_3_c3_c0_c0'>{{$t('支付时间')}}</text>
              <text class='redemptDetails_fd1_1_c1_c1_c0_c3'>{{dataDetails.paymentTime}}</text>
            </view>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_4'>
          <button class='redemptDetails_fd1_4_c0' @tap.stop="popupShow1657247297312=true"
            v-if="dataDetails.stateNum=='10'">{{$t('取消订单')}}</button>
          <!-- <button class='redemptDetails_fd1_4_c0' @tap.stop="ismultipackageFunc()"
            v-if="dataDetails.stateNum=='30'">{{$t('查看物流')}}</button> -->
          <button class='redemptDetails_fd1_4_c1' @tap.stop="popupShow1708480211541=true"
            v-if="dataDetails.stateNum=='40' || dataDetails.stateNum=='50'|| dataDetails.stateNum=='51'">{{$t('删除订单')}}</button>
          <button class='redemptDetails_fd1_4_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/sy/offerPay/offerPay?order_sn=${dataDetails.id}&order_type=3`"
            v-if="dataDetails.stateNum=='10'">{{$t('去付款')}}</button>
          <button class='redemptDetails_fd1_4_c2' @tap.stop="remindShopFunc()"
            v-if="dataDetails.stateNum=='20' && dataDetails.isShipRem!='1'">{{$t('提醒发货')}}</button>
          <button class='redemptDetails_fd1_4_c0'
            v-if="dataDetails.stateNum=='20' && dataDetails.isShipRem=='1'">{{$t('已提醒')}}</button>
          <button class='redemptDetails_fd1_4_c2' @tap.stop="confirmReceiptFunc()"
            v-if="dataDetails.stateNum=='30'">{{$t('确认收货')}}</button>
          <button class='redemptDetails_fd1_4_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/ddgl/evaluation/evaluation?id=${order_id}&types=${types}`"
            v-if="dataDetails.stateNum=='40' && dataDetails.isEval !=1">{{$t('评价')}}</button>
        </view>
      </view>

      <!---订单flex布局结束-->
      <benben-popup v-model="popupShow1708480211541" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
        <!---清除本地缓存flex布局开始-->
        <view class="flex benben-flex-layout flex-wrap align-center">
          <view class='flex flex-direction flex-wrap align-center redemptDetails_fd2_0'>
            <text class='redemptDetails_fd2_0_c0'>提示</text>
            <text class='redemptDetails_fd2_0_c1'>{{$t('请确认是否删除订单？')}}</text>
            <view class='flex align-center redemptDetails_fd2_0_c2'>
              <button class='redemptDetails_fd2_0_c2_c0' @tap.stop="popupShow1708480211541=false">取消</button>
              <button class='redemptDetails_fd2_0_c2_c1' @tap.stop="deleteOrderFunc()">确认</button>
            </view>
          </view>
        </view>

        <!---清除本地缓存flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1657247297312" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---取消订单flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout redemptDetails_flex_3">
          <view class='flex flex-direction flex-wrap align-stretch redemptDetails_fd3_0'>
            <view class='flex flex-wrap align-center justify-between redemptDetails_fd3_0_c0'>
              <text class='redemptDetails_fd3_0_c0_c0' @tap.stop="popupShow1657247297312=false">{{$t('取消')}}</text>
              <text class='redemptDetails_fd3_0_c0_c1'>{{$t('取消订单')}}</text>
              <text class='redemptDetails_fd3_0_c0_c2' @tap.stop="cancelOrderFunc()">{{$t('确定')}}</text>
            </view>
            <view class='flex flex-wrap align-center redemptDetails_fd3_0_c1'>
              <text class='redemptDetails_fd3_0_c1_c0'>{{$t('请选择取消订单原因')}}</text>
            </view>

            <scroll-view class='redemptDetails_fd3_0_c2' :scroll-y='true'>
              <view class='flex flex-direction align-stretch benben-scroll flex'>
                <benben-select-diy ref="showSelectPopup1693558527060" class-name='flex flex-direction flex'
                  :items.sync="dataMessage" v-model="cancel_id" default-type="logCause" default-label="logCause"
                  :allow-cancel='true' type="radio" :disabled='false'>
                  <template v-for='(item,key0) in dataMessage'>
                    <view v-if="item.isSelected" class='flex justify-between flex redemptDetails_fd3_0_c2_c0_c0'
                      :key="key0" @tap="$refs.showSelectPopup1693558527060.tapHandle(key0)">
                      <text>{{item.logCause}}</text>
                      <image class='redemptDetails_fd3_0_c2_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"3.png"'>
                      </image>
                    </view>
                    <view v-else class='flex justify-between flex redemptDetails_fd3_0_c2_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1693558527060.tapHandle(key0)">
                      <text>{{item.logCause}}</text>
                      <image class='redemptDetails_fd3_0_c2_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"289.png"'>
                      </image>
                    </view>
                  </template></benben-select-diy>
              </view>
            </scroll-view>

          </view>
        </view>

        <!---取消订单flex布局结束-->

      </benben-popup>



    </view>
  </view>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js'

  export default {
    components: {},


    data() {
      return {
        "popupShow1679650134928": false,
        "popupShow1657247297312": false,
        "popupShow1708480211541": false,
        "cut": "1",
        "cancel_id": "",
        "dataDetails": {
          "aid": "",
          "order_sn": "",
          "order_money": "",
          "payable_money": "",
          "coupon_id": "",
          "coupon_money": "",
          "send_time": "",
          "receive_time": "",
          "pay_time": "",
          "discount_money": "",
          "create_time": "",
          "pay_type": "",
          "status": "",
          "pay_type_str": "",
          "order_info": {
            "receiver_mobile": "",
            "receiver_address": "",
            "receiver_name": "",
            "remark": "",
            "province": "",
            "city": "",
            "district": "",
            "sex": "",
            "label_name": "",
            "express_price": "",
            "pickup_code": "",
            "pickup_img": ""
          },
          "order_goods_list": [],
          "shop_info": {
            "aid": "",
            "store_name": "",
            "store_logo": "",
            "store_logo_id": ""
          },
          "btn_list": {
            "cancel_order": "",
            "go_pay": "",
            "remind_send": "",
            "remind_already": "",
            "apply_invoice": "",
            "view_invoice": "",
            "apply_refund": "",
            "view_logistics": "",
            "confirm_receive": "",
            "evaluate": "",
            "delete_order": "",
            "pay_balance": ""
          },
          "is_multiple_package": "",
          "order_type": "",
          "advance_sn": "",
          "usermerchant_id": "",
          "discount_str": "",
          "surplus_receive_time": "",
          "group_info": {
            "join_timeout": "",
            "activity_status": "",
            "group_members_nums": "",
            "join_number": "",
            "status_txt": ""
          },
          "group_user": [],
          "real_money": "",
          "cancel_surplus_second": "",
          "balance_payment_stime": "",
          "balance_payment_etime": "",
          "receive_surplus_time": "",
          "goods_total": "",
          "pay_status": "",
          "final_order_sn": "",
          "balance_money": "",
          "final_status": "",
          "deposit": ""
        },
        "dataMessage": [],
        "invoiceData": [],
        "invoice_id": "",
        "text": "shenqingchengg",
        "money": 0,
        "daojishi": 86400,
        "order_id": "1026",
        "order_sn": "",
        "type": "",
        userAdress: '',
        types: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      let {
        order_id,
        order_sn,
        type,
        types
      } = options
      if (order_id !== undefined) this.order_id = order_id
      if (order_sn !== undefined) this.order_sn = order_sn
      if (type !== undefined) this.type = type
      if (types !== undefined) this.types = types
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      this.getDetailFunc()
      this.getCancelTypeFunc()
      // this.queryHeadipFunc()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      //预下单-查询发票抬头
      async queryHeadipFunc() {
        //请求方法
        //数据验证

        let datainvoiceData = await this.$api.post(global.apiUrls.post641848d371e2f, {

        });

        if (datainvoiceData.data.code != 1) {
          this.$message.info(datainvoiceData.data.msg);
          return
        }
        let infoinvoiceData = datainvoiceData.data;
        this.invoiceData = infoinvoiceData.data

      },
      //使用发票
      async isokfapiaoFunc() {
        //请求方法
        //数据验证

        let data641ebe3244065 = await this.$api.dbPost(global.apiUrls.post641ebe3244065, {
          order_id: this.order_id,
          invoice_header_id: this.invoice_id
        });
        if (!data641ebe3244065) return
        if (data641ebe3244065.data.code != 1) {
          this.$message.info(data641ebe3244065.data.msg);
          return
        }



        uni.showToast({
          title: global.i18n.t('开票成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        this.popupShow1679650134928 = false;
        this.invoice_id = '';
        this.getDetailFunc()
      },
      //删除订单
      async deleteOrderFunc() {
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.deleteBuyOrder
        } else {
          urlsdata = global.apiUrls.deleteLeaOrder
        }
        let data6447c3b69f234 = await this.$api.dbPost(urlsdata, {
          id: this.order_id
        });
        if (!data6447c3b69f234) return
        if (data6447c3b69f234.data.code != 0) {
          this.$message.info(data6447c3b69f234.data.msg);
          return
        }



        this.popupShow1708480211541 = false;
        uni.showToast({
          title: global.i18n.t('删除成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        uni.$emit('shenqingchengg', this.text)
        setTimeout(() => {
          this.$urouter.navigateBack(1);
        }, 500)
      },
      //订单-订单详情
      async getDetailFunc() {
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.getAppBuyOrderDetail
        } else {
          urlsdata = global.apiUrls.getAppLeaOrderDetail
        }
        let datadataDetails = await this.$api.get(urlsdata, {
          id: this.order_id
        });

        if (datadataDetails.data.code != 0) {
          this.$message.info(datadataDetails.data.msg);
          return
        }
        let infodataDetails = datadataDetails.data;
        this.dataDetails = infodataDetails.data
        this.userAdress = this.dataDetails.userAdress
        console.log('dataDetails', this.dataDetails)

      },
      //取消订单
      async cancelOrderFunc() {
        if (!validate(this.cancel_id, 'require')) {
          this.$message.info('请选择取消原因');
          return false;
        }
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.cancelReasonBuyOrder
        } else {
          urlsdata = global.apiUrls.cancelReasonLeaOrder
        }
        let data62cb8b8438141 = await this.$api.dbPost(urlsdata, {
          id: this.dataDetails.id,
          cancelReason: this.cancel_id
        });
        if (!data62cb8b8438141) return
        if (data62cb8b8438141.data.code != 0) {
          this.$message.info(data62cb8b8438141.data.msg);
          return
        }
        this.popupShow1657247297312 = false;
        uni.showToast({
          title: global.i18n.t('取消成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        uni.$emit('shenqingchengg', this.text)
        this.getDetailFunc()
      },
      //获取取消订单原因
      async getCancelTypeFunc() {
        //请求方法
        //数据验证

        let datadataMessage = await this.$api.get(global.apiUrls.qrySelectCause, {
          typeNum: '1',
        });

        if (datadataMessage.data.code != 0) {
          this.$message.info(datadataMessage.data.msg);
          return
        }
        let infodataMessage = datadataMessage.data;
        this.dataMessage = infodataMessage.data.records

      },
      //提现发货
      async remindShopFunc() {
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.remindDeliBuyOrder
        } else {
          urlsdata = global.apiUrls.remindDeliLeaOrder
        }
        let data62bec4f86725d = await this.$api.dbPost(urlsdata, {
          id: this.order_id
        });
        if (!data62bec4f86725d) return
        if (data62bec4f86725d.data.code != 0) {
          this.$message.info(data62bec4f86725d.data.msg);
          return
        }



        uni.showToast({
          title: global.i18n.t('提醒成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        uni.$emit('shenqingchengg', this.text)
        this.getDetailFunc()
      },
      //确认收货
      async confirmReceiptFunc() {

        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.confirmReceBuyOrder
        } else {
          urlsdata = global.apiUrls.confirmReceLeaOrder
        }
        let data64218bff49e61 = await this.$api.dbPost(urlsdata, {
          id: this.order_id
        });
        if (!data64218bff49e61) return
        if (data64218bff49e61.data.code != 0) {
          this.$message.info(data64218bff49e61.data.msg);
          return
        }



        uni.showToast({
          title: global.i18n.t('收货成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        uni.$emit('shenqingchengg', this.text)
        this.getDetailFunc()
      },
      //是否多包裹
      ismultipackageFunc() {
        if (this.dataDetails.is_multiple_package == '1') {
          this.$urouter.navigateTo(`/pages/ddgl/packages/packages?order_id=${this.dataDetails.id}`);
        } else {
          this.$urouter.navigateTo(`/pages/ddgl/logisticsCheck/logisticsCheck?order_id=${this.dataDetails.id}`);
        }
      },
      //跳转售后详情
      gotoreturnFunc(aid, refund_id, view_refund_list) {
        if (view_refund_list == 0) {
          this.$urouter.navigateTo(`/pages/ddgl/detailsRefund/detailsRefund?id=${refund_id}`);
        } else {
          this.$urouter.navigateTo(`/pages/ddgl/refundList/refundList?order_goods_id=${aid}`);
        }
      }
    }
  };
</script>
<style lang="scss" scoped>
  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: url(image-path('22.png')) no-repeat;
    background-size: 100% auto;
  }

  .redemptDetails_flex_0 {
    background: url(image-path('22.png')) no-repeat;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .redemptDetails_fd0_0_c2 {
    padding: 0rpx 0rpx 0rpx 0rpx;
    width: 200rpx;
  }

  .redemptDetails_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 500;
    color: #fff;
  }

  .redemptDetails_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: #fff;
    font-weight: 500;
  }

  .redemptDetails_fd0_0_c0 {
    width: 200rpx;
  }

  .redemptDetails_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
  }

  .redemptDetails_flex_1 {
    padding: 5rpx 24rpx 32rpx 24rpx;
    margin: 0rpx 0rpx 88rpx 0rpx;
  }

  .redemptDetails_fd1_4_c2 {
    background: var(--benbenbgColor7);
    border-radius: 40rpx 40rpx 40rpx 40rpx;
    font-size: 24rpx;
    color: #fff;
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: 400;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .redemptDetails_fd1_4_c1 {
    background: var(--benbenbgColor5);
    border-radius: 30rpx 30rpx 30rpx 30rpx;
    font-size: 24rpx;
    color: #333;
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: 400;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .redemptDetails_fd1_4_c0 {
    background: var(--benbenbgColor5);
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    font-size: 24rpx;
    color: #333;
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: 400;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .redemptDetails_fd1_4 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    position: fixed;
    bottom: calc(0rpx + var(--window-bottom));
    width: 750rpx;
    height: 88rpx;
    left: 0rpx;
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .redemptDetails_fd1_3_c3_c2_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 150rpx;
  }

  .redemptDetails_price1_fd1_3_c3_c1_c2 {
    font-size: 24rpx;
  }

  .redemptDetails_fd1_3_c3_c1_c2 {
    color: var(--benbenFontColor7);
    font-weight: 400;
    font-size: 24rpx;
  }

  .redemptDetails_fd1_3_c3_c1_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor7);
  }

  .redemptDetails_fd1_3_c3_c0_c0 {
    margin: 0rpx 72rpx 0rpx 0rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
  }

  .redemptDetails_fd1_3_c2_c2 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor4);
  }

  .redemptDetails_fd1_3_c2_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 43rpx 0rpx 72rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .redemptDetails_fd1_3_c2 {
    line-height: 34rpx;
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_3_c1_c1 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .redemptDetails_fd1_3_c1_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 0rpx 72rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_3_c0_c1 {
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
  }

  .redemptDetails_fd1_3_c0_c0 {
    background: var(--benbenbgColor7);
    width: 8rpx;
    height: 30rpx;
    margin: 0rpx 15rpx 0rpx 0rpx;
    transform: scaleX(0.5);
  }

  .redemptDetails_fd1_3_c0 {
    border-bottom: 1px solid #eee;
    padding: 0rpx 0rpx 24rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_3 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
    margin: 12rpx 0rpx 100rpx 0rpx;
  }

  .redemptDetails_fd1_2_c5_c0 {
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .redemptDetails_fd1_2_c4_c2_1 {
    color: rgba(250, 32, 51, 1);
    font-weight: 700;
    font-size: 22rpx;
  }

  .redemptDetails_price1_fd1_2_c4_c2 {
    font-size: 40rpx;
  }

  .redemptDetails_fd1_2_c4_c2 {
    color: var(--benbenFontColor7);
    font-weight: 700;
    font-size: 22rpx;
  }

  .redemptDetails_fd1_2_c4_c1 {
    font-size: 20rpx;
    font-weight: 700;
    color: var(--benbenFontColor7);
  }

  .redemptDetails_fd1_2_c4_c0 {
    font-size: 24rpx;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_2_c4 {
    border-top: 1px solid #eee;
    padding: 32rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_2_c2 {
    margin: 0rpx 0rpx 32rpx 0rpx;
  }

  .redemptDetails_fd1_2_c1_c2 {
    color: #333333;
    font-weight: 700;
    font-size: 28rpx;
    line-height: 42rpx;
  }

  .redemptDetails_fd1_2_c1_c1 {
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
    line-height: 42rpx;
  }

  .redemptDetails_fd1_2_c1_c0 {
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    margin: 0rpx auto 0rpx 0rpx;
  }

  .redemptDetails_fd1_2_c1 {
    margin: 32rpx 0rpx 32rpx 0rpx;
  }

  .redemptDetails_fd1_2_c0_c2_c1 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #333;
    width: 220rpx;
    height: 56rpx;
  }

  .redemptDetails_fd1_2_c0_c2_c0 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #333;
    width: 144rpx;
    height: 56rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_2_c0_c2 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_2_c0_c1_c1_c2_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
  }

  .redemptDetails_price2_fd1_2_c0_c1_c1_c2_c0_c1 {
    font-size: 28rpx;
  }

  .redemptDetails_price1_fd1_2_c0_c1_c1_c2_c0_c1 {
    font-size: 32rpx;
  }

  .redemptDetails_fd1_2_c0_c1_c1_c2_c0_c1 {
    // color: var(--benbenFontColor0);
    font-weight: 600;
  }

  .redemptDetails_fd1_2_c0_c1_c1_c2_c0_c0 {
    // color: var(--benbenFontColor0);
    font-size: 20rpx;
    font-weight: 700;
    line-height: 30rpx;
    margin: 4rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_2_c0_c1_c1_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
    margin: 8rpx 0rpx auto 0rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 33rpx;
  }

  .redemptDetails_fd1_2_c0_c1_c1_c0 {
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 42rpx;
  }

  .redemptDetails_fd1_2_c0_c1_c1 {
    margin: 0rpx 0rpx 0rpx 34rpx;
  }

  .redemptDetails_fd1_2_c0_c1_c0 {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .redemptDetails_fd1_2_c0_c1 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_2_c0_c0_c2 {
    font-size: 22rpx;
  }

  .redemptDetails_fd1_2_c0_c0_c1 {
    font-size: 32rpx;
    margin: 0rpx 12rpx 0rpx 12rpx;
  }

  .redemptDetails_fd1_2_c0_c0_c0 {
    width: 33rpx;
    height: 33rpx;
  }

  .redemptDetails_fd1_2_c0 {
    border-bottom: 1px solid #eee;
    padding: 0rpx 0rpx 32rpx 0rpx;
  }

  .redemptDetails_fd1_2 {
    background: #fff;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
    background-size: 100% auto !important;
    margin: 12rpx 0rpx 12rpx 0rpx;
  }

  .redemptDetails_fd1_1_c2 {
    width: 14rpx;
    height: 26rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .redemptDetails_fd1_1_c1_c1_c0_c3 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
  }

  .redemptDetails_fd1_1_c1_c1_c0_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 5rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_1_c1_c1_c0 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .redemptDetails_fd1_1_c1_c1 {
    margin: 19rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_1_c1_c0_c5 {
    font-size: 32rpx;
    font-weight: 700;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 16rpx;
    line-height: 40rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .redemptDetails_fd1_1_c1_c0_c2 {
    font-size: 24rpx;
    font-weight: 700;
  }

  .redemptDetails_fd1_1_c1_c0_c1 {
    font-size: 32rpx;
    font-weight: 700;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 16rpx;
    max-width: 200rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 40rpx;
  }

  .redemptDetails_fd1_1_c1_c0_c0 {
    border: 1px solid var(--benbenbdColor8);
    background: var(--benbenbgColor5);
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 1rpx 16rpx 0rpx 16rpx;
    font-size: 23rpx;
    font-weight: 500;
    color: var(--benbenFontColor4);
  }

  .redemptDetails_fd1_1_c1 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .redemptDetails_fd1_1_c0 {
    width: 60rpx;
    height: 60rpx;
  }

  .redemptDetails_fd1_1 {
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    margin: 32rpx 0rpx 12rpx 0rpx;
    padding: 40rpx 21rpx 40rpx 24rpx;
  }

  .redemptDetails_fd1_0_c1 {
    width: 140rpx;
    height: 140rpx;
  }

  .redemptDetails_fd1_0_c0_c3 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd1_0_c0_c1_c1 {
    background: transparent;
  }

  .redemptDetails_fd1_0_c0_c1_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: #FFFFFF;
  }

  .redemptDetails_fd1_0_c0_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #fff;
  }

  .redemptDetails_fd1_0_c0_c0 {
    font-size: 32rpx;
    font-weight: 700;
    color: #FFFFFF;
  }

  .redemptDetails_fd1_0 {
    padding: 12rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd2_0_c2_c1 {
    background: var(--benbenbgColor1);
    font-size: 32rpx;
    color: var(--benbenFontColor4);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 500;
  }

  .redemptDetails_fd2_0_c2_c0 {
    border-right: 1px solid #eee;
    background: #fff;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 400;
  }

  .redemptDetails_fd2_0_c2 {
    border-top: 1px solid #eee;
    margin: 51rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd2_0_c1 {
    line-height: 44rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 32rpx 40rpx 0rpx 40rpx;
  }

  .redemptDetails_fd2_0_c0 {
    line-height: 44rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd2_0 {
    background: #fff;
    width: 540rpx;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .redemptDetails_flex_3 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .redemptDetails_fd3_0_c2_c0_c0_c1 {
    width: 32rpx;
    height: 32rpx;
  }

  .redemptDetails_fd3_0_c2_c0_c0 {
    padding: 20rpx 0rpx 20rpx 0rpx;
  }

  .redemptDetails_fd3_0_c2 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
    margin: 0rpx auto 40rpx auto;
  }

  .redemptDetails_fd3_0_c1_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    padding: 25rpx 24rpx 25rpx 24rpx;
  }

  .redemptDetails_fd3_0_c1 {
    background: #F8F8F8;
  }

  .redemptDetails_fd3_0_c0_c2 {
    font-size: 28rpx;
    font-weight: 700;
    color: var(--benbenbgColor7);
    line-height: 40rpx;
  }

  .redemptDetails_fd3_0_c0_c1 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
  }

  .redemptDetails_fd3_0_c0_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
    line-height: 40rpx;
  }

  .redemptDetails_fd3_0_c0 {
    padding: 32rpx 32rpx 32rpx 32rpx;
  }

  .redemptDetails_fd3_0 {
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .redemptDetails_flex_4 {
    background: #FFFFFF;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 41rpx 24rpx 40rpx 24rpx;
  }

  .redemptDetails_fd4_3 {
    background: var(--benbenbgColor5);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: rgba(102, 102, 102, 1);
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin: 0rpx 8rpx 0rpx 8rpx;
  }

  .redemptDetails_fd4_2 {
    background: var(--benbenbgColor7);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor3);
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin: 56rpx 8rpx 24rpx 8rpx;
  }

  .redemptDetails_fd4_1_c1_c0 {
    width: 400rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd4_1_c1 {
    width: 100%;
    padding: 50rpx 0rpx 50rpx 0rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c1_c1_c1 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c1_c1_c0 {
    width: 30rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c1_c0_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c1_c0_c0_c1 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 0rpx 0rpx 0rpx 10rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c1_c0_c0_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c1 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c0_c2_c0_1 {
    color: #B82441;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c0_c2 {
    background: var(--benbenbgColor8);
    margin: 0rpx 0rpx 0rpx auto;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 0rpx 8rpx 0rpx 8rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c0_c1_c0 {
    color: var(--benbenFontColor5);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c0_c1 {
    background: var(--benbenbgColor8);
    margin: 0rpx 0rpx 0rpx 16rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 0rpx 8rpx 0rpx 8rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 40rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 400rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .redemptDetails_fd4_1_c0_c0_c0 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd4_1_c0_c0 {
    background: #F8F8F8;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 32rpx 32rpx 32rpx;
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd4_1 {
    touch-action: none;
    height: 40vh;
    width: 702rpx;
  }

  .redemptDetails_fd4_0_c3 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: absolute;
    top: -16rpx;
    right: 0rpx;
  }

  .redemptDetails_fd4_0_c1 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 50rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .redemptDetails_fd4_0_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .redemptDetails_fd4_0 {
    position: relative;
  }
</style>
